MediaWiki:Common.css

/* a) Imports from dev.fandom.com: 	Internal imports: @import "/load.php?mode=articles&articles=u:dev:MediaWiki:BalancedProfile.css|u:dev:MediaWiki:FandomIcons.css|u:dev:MediaWiki:BalancedFooter.css|u:dev:MediaWiki:InterlanguageFlags.css|u:dev:MediaWiki:BalancedSearch.css|MediaWiki:Highlight.css|MediaWiki:Userboxes.css|MediaWiki:Mainpage.css&only=styles"; /* b) Fonts (Roboto + Open Sans + Material Icons)*/ @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Material+Icons&display=swap'); /* c) General Stuff */	/* 1) Fonts */ .WikiaPage, .resizable-container { font-family: 'Open Sans', 'Roboto', sans-serif; font-size: 13.5px; } h2 { font-family: 'Open Sans', 'Roboto', sans-serif; font-weight: 300; } .box-title{ font-size:150%; font-weight:bold; }	/* 2) Variables */		/* dark theme */ .theme-fandomdesktop-dark {	--xw-bg-color:#3b3b3b;	--xw-accent-color:#FF6700;	--xw-bg-hover-color:#242424; }		/* light theme */ .theme-fandomdesktop-light {	--xw-bg-color:#b8b8b8;	--xw-accent-color:#FF6700;	--xw-bg-hover-color:#c7c7c7; } /* d) Button customization */ /* 1. Ripple effect */ background-position: center; transition: background 0.8s; }	background: #47a7f5 radial-gradient(circle, transparent 1%, #47a7f5 1%) center/15000%; }	background-color: #6eb9f7; background-size: 100%; transition: background 0s; }	/* 2. Button styling */ .button, .mw-ui-button { border: none; border-radius: 20px; padding: 12px 18px; font-size: 16px; text-transform: uppercase; cursor: pointer; color: white; background-color: #2196f3; box-shadow: 0 0 4px #999; outline: none; display:inline-block; width:auto; margin:0.3em; }
 * BalancedProfile
 * FandomIcons
 * BalancedFooter
 * InterlanguageFlags
 * BalancedSearch
 * MediaWiki:Highlight.css
 * MediaWiki:Userboxes.css
 * MediaWiki:Mainpage.css
 * 1) ripple {
 * 1) ripple:hover {
 * 1) ripple:active {

/* e) Forum formatting - Algorithm & Splarka */ .forumheader {   border: none;    background-color:rgb(115,115,115);    margin-top: 1em;    padding: 12px;    border-radius:10px; }

.forumlist td span { display: block; padding-left: 10px; font-size: smaller; }

.forumlist td span a { text-decoration: none; }

.forumlist td span.forum_author { padding-left: 30px; }

.forumlist td.forum_edited a { text-decoration: none; }

.forumlist td.forum_title a { padding-left: 20px; }

.forumlist td.forum_title span a { padding-left: 0; }

.forumlist td.forum_title a.forum_new { font-weight: bold; background: url(https://images.wikia.nocookie.net/main-page-demo/images/4/4e/Forum_new.gif) center left no-repeat; padding-left: 20px; }

.forumlist th.forum_title { padding-left: 20px; }

/* f) CSS spinner */ .spinner{	border: 6px solid;	width:50px;	height:50px;	border-radius:50%;	border-color:#346eeb transparent transparent transparent;	animation:spin 1s ease infinite; } @keyframes spin {	0% {		transform:rotate(0deg);	}	100% {		transform:rotate(360deg);	} } /* g) Searchbox */ .bodySearch .mw-ui-input.mw-ui-input-inline, .commentbox .mw-ui-input.mw-ui-input-inline, .createbox .mw-ui-input.mw-ui-input-inline, .mw-movebox .mw-ui-input.mw-ui-input-inline, .searchbox .mw-ui-input.mw-ui-input-inline { background-color:#b3b3b3; border-radius:20px; padding:12px; text-align:center; font-size:120%; font-weight:bold; width:90%; margin:auto; border-style:solid; } /* h) Infobox customization */ .pi-title, .pi-header {	border-radius:5px;	opacity: 0.7; } .portable-infobox {	border:none;	background-color:var(--xw-bg-hover-color);	border-radius:5px; } .pi-item {	border:none; } .pi-image {	margin:5px; } /* i) Optimization for logos */ .theme-fandomdesktop-dark .logo-dark { filter:invert(1); } .theme-fandomdesktop-light .logo-light { filter:invert(1); }